Cómo mide el Detector el tamaño del texto para el contraste de color
Qué hace
Las reglas de contraste de color son más estrictas para el texto pequeño que para el grande. Por eso, antes de verificar el contraste, el Detector necesita saber: ¿este texto es grande o no?
Para decidirlo lee el tamaño del texto exactamente como lo muestra el navegador en pantalla y lo compara con las pautas de accesibilidad. Conviene saber algunas cosas:
- Usa el tamaño real y final. Las páginas web pueden definir el tamaño del texto de muchas maneras distintas, pero el navegador siempre resuelve un único tamaño final en píxeles. Ese tamaño final es el que lee el Detector, así que la forma en que se escribió originalmente en el código nunca cambia el resultado.
- Se fija en el texto más prominente. Si una sección contiene texto de distintos tamaños o pesos, el Detector se centra en el texto visible más grande y con más peso, porque es el que destaca para quien lee.
- Tiene en cuenta la negrita. El texto en negrita puede ser un poco más pequeño y aun así contar como "grande", así que el Detector también revisa el peso.
- El texto invisible se omite. El texto oculto o sin tamaño (por ejemplo, el que existe solo para lectores de pantalla) no se verifica, porque no hay nada que medir en pantalla.
Puntos vs. píxeles: ¿cuál es la diferencia?
Verás mencionadas dos unidades, y esto suele generar confusión:
- Los puntos (pt) vienen del mundo de la imprenta. Las pautas de accesibilidad se escribieron usando puntos: definen "texto grande" como 18 pt (o 14 pt en negrita).
- Los píxeles (px) son lo que realmente usan las pantallas y los navegadores.
Las dos unidades son solo nombres distintos para lo mismo, unidos por una conversión fija (1 pt = 1.333 px). Así que los tamaños de las pautas se traducen sin problema a lo que se ve en pantalla:
| Texto | Las pautas dicen | En pantalla | Contraste necesario |
|---|---|---|---|
| Grande | 18 pt | ~24 px | 3:1 |
| Grande y en negrita | 14 pt | ~18.67 px | 3:1 |
| Normal | menor que lo anterior | menor que lo anterior | 4.5:1 |
En términos simples: los puntos son la unidad escrita en el reglamento, los píxeles son lo que usa tu navegador. El Detector mide en píxeles porque es lo que la página muestra realmente, y aplica la regla correspondiente. Por eso un texto que parece bastante grande puede tener que cumplir igualmente el nivel de contraste más estricto: depende del tamaño exacto, no de lo grande que se sienta.
Relacionado
Qué cuenta como "negrita" para la regla flexible de 14 pt se explica en Peso de la fuente.